import React, { Component } from 'react'
import { Link } from 'react-router'
import { Icon } from 'antd';

import styles from './404.scss';


export default class Tour extends Component {
    render() {
        return (
            // <div className="center-center-column" style={{height: '100vh'}}>
            //   <span className="font-26">404!页面没有找到，请</span>
            //   <Link to="/" className="font-36 main-color">返回首页</Link>
            // </div>
            <div className={styles.tourPage}>
                <div className={styles.mainCon}>
                    <div className={styles.fadIn}>
                        <span className={styles.title}> 404</span>
                    </div>
                    <p className={styles.EnTxt}>
                        It Looks Like You're Lost...
                    </p>
                    <p className={styles.CnTxt}>
                        很抱歉，页面它不小心迷路了~
                    </p>
                </div>

                <div className={styles.back}>
                    <Link to="/main">
                        <span> <Icon type="left-circle" /></span> <span className={styles.shine}>返回首页</span>
                    </Link>
                </div>

            </div>
        )
    }
}